<template>
  <div id="app">
    <fieldset style="width: 300px; min-height: 100px">
      <legend>登录</legend>
      <div
        id="nav"
        style="display: flex; flex-flow: column; align-items: center"
      >
        <input type="text" v-model="input_user" />
        <input type="password" v-model="input_pwd" />
        <router-link
          style="width: 50%"
          tag="button"
          :to="{ name: 'home', query: { name: input_user, pwd: input_pwd } }"
          >登录</router-link
        >
      </div>
    </fieldset>
    <router-view />
  </div>
</template>
<script>
export default {
  name: "Login",
  data() {
    return {
      input_user: "",
      input_pwd: "",
    };
  },
};
</script>
<style lang="scss"></style>
